草庐IT

HTML5 新元素

全部标签

javascript函数获取html中的所有图像

我想要一个javascript函数来基本上返回页面中所有imgsrc的数组,我该怎么做? 最佳答案 您可以通过document.getElementsByTagName()轻松获得包含所有img元素的数组。:varimages=document.getElementsByTagName('img');varsrcList=[];for(vari=0;i除了document.getElementsByTagName('img'),您还可以使用document.images集合。如果您使用的是jQuery,您还可以使用$('img'),

javascript - 避免 HTML 文档回流

我有几百个像这样的“行”元素:我需要在它们已经呈现在页面上之后获取它们的clientHeight。我知道“clientHeight”属性强制回流,这会影响我的性能,因为它们太多了。但是-它们已经被渲染并且我知道它们的大小在它们被渲染的时间和我查询它们的高度的时间之间没有变化。有没有办法告诉浏览器在查询高度时不要重排?此外-webkit检查员说:Layouttreesize5901LayoutscopeWholedocument而且div位于绝对定位的祖先中-难道不应该只回流绝对定位的元素吗?编辑:所以提供的答案是正确的。我实际上弄脏了布局,因为我有这个循环:rows.each(func

javascript - ng-selected 在选择元素中不起作用

我有一个绑定(bind)选择但是当c.CollegeName==collegeSelection.CollegeName都匹配时,项目仍然没有被选中。文档似乎没有帮助。有任何想法吗? 最佳答案 ng-selected应在中使用标记,不在中标签。仔细看看它的doc和例子。因为select指令对所选选项的确定基于ngModel.因此,一旦删除ng-selected="c.CollegeName==collegeSelection.CollegeName",您的代码应该可以工作。我创建了一个非常简单的plunk演示select中的“选定”

javascript - 如何在 javascript 中获取特定 HTML 标记的所有元素?

除了具有特定ID的元素之外,我需要在我的文档中隐藏所有“部分”类型的元素。在jquery中这很容易$("section").hide();$("section#myId").show();如果没有jquery,我该怎么做?(我需要它在页面加载后立即发生并且不引人注目)。我还需要它才能跨浏览器工作。谢谢。 最佳答案 DOMElement.getElementsByTagName是你的friend:varsections=document.getElementsByTagName('section');varmySection=null

javascript - 如何从所有元素中删除特定类?

如何从页面元素中删除给定的类?例子:......SomeHeading我想从页面的所有元素中删除light类!我如何使用jquery或javascript做到这一点? 最佳答案 只需找到所有确实具有该类的元素,然后将其删除:$(".light").removeClass("light");使用纯JavaScript:varlights=document.getElementsByClassName("light");while(lights.length)lights[0].className=lights[0].className

javascript - 当元素改变时提交表单

在jQuery中,如果我将class=auto_submit_form分配给表单,只要任何元素发生更改,它就会提交,代码如下:/*automaticallysubmitifanyelementintheformchanges*/$(function(){$(".auto_submit_form").change(function(){this.submit();});});但是,如果我希望表单仅在指定元素发生更改时提交:/*submitifelementsofclass=auto_submit_itemintheformchanges*/$(function(){$(".auto_su

javascript - Java/SpringMVC/Maven元素的缓存清除机制

关于我正在使用的应用程序的一些背景知识:SpringMVC、JavaEEWeb应用程序、Maven。基本上,我正在寻找的是一种在每次部署我们的应用程序时刷新所有JS和CSS文件的机制。就目前而言,应用程序正在引用静态文件(例如“js/app.js”)。每次这个文件有变化,在本地重新部署后,当浏览器去下载它时,我们会得到一个304(文件没有被修改)。我的问题是:1)在重新部署应用程序时再次提供这些文件并使用应用程序版本作为缓存清除机制(例如“js/v1.0.0/app.js”)会更好吗?这可以通过servlet过滤器来完成。2)由于该元素是一个Maven动态Web元素,是否有某种插件可以

javascript - 如何确定浏览器何时完成插入元素的绘制?

我有一个网页正在注入(inject)通过AJAX传送的HTML。先验我不知道内容的大小,但我需要根据内容的大小在页面上定位内容。这是一个不起作用的简单方法:将父容器的不透明度设置为0。将内容插入DOM。测量尺寸,例如$el.outerWidth(true)。根据这些尺寸定位内容。将父容器的不透明度(背面)设置为1.0。这种方法的问题在于内容非常复杂并且包含图像。调用outerWidth()时,浏览器尚未完成重新绘制屏幕,​​因此返回的尺寸不准确。(有趣的是,在我的例子中,初始尺寸总是明显大于最终值,而不是我预期的0。)我可以通过在第2步和第3步之间设置一个计时器来减少这个问题,但是无论

javascript - HTML 报告中的 Istanbul 尔覆盖嵌套目录

来自Istanbul的单元测试覆盖率报告以HTML格式显示index.html中项目的每个文件夹。它实际上扁平化了目录结构。是否可以选择使用嵌套文件夹呈现html报告? 最佳答案 正在复制myanswer来自潜在duplicatequestion:Maybetrythe--reporter=html-spaoption.Seeavailableoptions. 关于javascript-HTML报告中的Istanbul尔覆盖嵌套目录,我们在StackOverflow上找到一个类似的问题:

javascript - 使用具有可调整大小和可排序元素的 flexbox 进行砖石布局的选项有哪些

在我的Angular应用程序中,我使用ui-sortable对进行排序.元素本身是可以调整大小的。这类似于我的设置:我希望“4”和“5”使用它们顶部的空间:这是一个fiddle.请注意,这是一个过于简化的示例,元素实际上可以由用户调整大小和排序。像masonry这样的库不会这样做,因为它们使用绝对定位的元素,这将取消ui-sortable的工作方式,调整大小也不会插入元素的。那么我该如何实现呢?我是否理解正确,这对于仅使用css的解决方案是不可能的?该flexbox将获取最高元素的高度并将该高度放入“行”。有没有不依赖position:abolute的js解决方案,或者更确切地说,它仍